<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<style type="text/css">
  body,
  html {
    height: 100%;
    margin: 0px;
    padding: 0px;
  }

  .container {
    width: 100%;
    height: 100%
  }

  .bnmap-attribution {
    display: none;
  }
</style>

<body>

  <div id="map" class="container"></div>

</body>
<script>
  //http://10.181.70.133/api/init.js?v=2.0&appSecret=37cc3b51b3420e1fbf207e7d94aa7383&appkey=08b82889d3d48fc51d110c2ca9c13351
  /**********配置信息************/
  var host = "http://10.181.70.133";
  var appkey = "37cc3b51b3420e1fbf207e7d94aa7383";
  var appSecret = "08b82889d3d48fc51d110c2ca9c13351";
  var mapId = "20082";
  // 引入博能地图api
  document.write(`<script type="text/javascript" src="${host}/api/init.js?v=2.0&appSecret=${appSecret}&appkey=${appkey}"><\/script>`);
</script>

<script>
  var BNMap = null;
  require(["js/BNFactory", "js/jquery-3.2.1.min"], function (BNFactory) {
    // 使用api加载专题图
    BNMap = new BNFactory(mapId,
      {
        "id": "map",
        "options": {
          logo: false,
          slider: false
        }
      }
    );
  });

</script>

</html>